<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			ul li{
				list-style: none;
				float: left; 
			}
			
			#a2{
				 border: 1px dashed black;  
				 position: relative;
				 left: -90px;
				 top: 10px;
			}
			#a2>ul li{
				line-height: 30px;
				padding: 50px;
			}
			#a1>ul li{
				line-height: 10px;
				padding: 50px;
			}
			#a1{
				position: relative;
				left: -50px; 
			}
			
			#aa{
				background: url(images/list_bg.gif) no-repeat ; 
				height: 1000px;
				width: 1100px;
				padding-top: 30px;  
			} 
			
			p{
				 text-indent: 2em;
			}
			#a1{
				
			}
			
		</style>
		
	</head>
	<body>
		<script type="text/javascript">
			 function selectAll(a) {
			            //var a = document.getElementById("all");
			            var p = document.getElementsByName("product");
						for (let i in p)
						    p[i].checked = a.checked;
							
			            // if (a.checked) {
			            //     for (let i in p)
			            //         p[i].checked = true;
			            // } else {
			            //     for (let i in p)
			            //         p[i].checked = false;
			            // }
			        }
		</script>
		
		<div id="aa">
			
			<ul>
				
				<li>
					<div id="a1">
						<ul>
							<li><input type="checkbox" name="" id="all" value="" onclick="selectAll(this)" />全选 </li>
							<li>商品图片</li>
							<li>商品名称/出售者/练习方式</li>
							<li>价格</li>
						</ul> 
					</div>
				</li>
				
				<li>
					<div id="a2">
						<ul>
							<li><input type="checkbox" name="product" id="" value="" /></li>
							<li><img src="images/list0.jpg"></li>
							<li class="b1">
								杜比环绕，家庭影院必备，超真实享受<br>
									<p class="b2">出售者：ling112233</p><br>
							<img src="images/online_pic.gif">&nbsp;<img src="images/list_tool_fav1.gif">收藏</li>
							<li class="b1">一口价<br>
							2833.0</li>
						</ul>
					</div>
				</li>
				
				
				<li>
					<div id="a2">
						<ul>
							<li><input type="checkbox" name="product" id="" value="" /> </li>
							<li><img src="images/list1.jpg"></li>
							<li class="b1">
								NVDIA 9999CT 512MB 256bit极品显卡，不容错过<br>
										<p class="b2">出售者：aipiaopiao110</p><br>
							<img src="images/online_pic.gif">&nbsp;<img src="images/list_tool_fav1.gif">收藏</li>
							<li class="b1">	一口价<br>
								6464.0</li>
						</ul>
					</div>
				</li>
				
				<li>
					<div id="a2">
						<ul>
							<li><input type="checkbox" name="product" id="" value="" /> </li>
							<li><img src="images/list2.jpg"></li>
							<li class="b1">
								精品热卖，高清晰，30寸等离子电视<br>
										<p class="b2">出售者：阳光的挣扎</p><br>
							<img src="images/online_pic.gif">&nbsp;<img src="images/list_tool_fav1.gif">收藏</li>
							<li class="b1">一口价<br>
							18888.0</li>
						</ul> 
					</div>
				</li>
				
				<li>
					<div id="a2">
						<ul>
							<li><input type="checkbox" name="product" id="" value="" /></li>
							<li><img src="images/list3.jpg"></li>
							<li class="b1">
								sony索尼家用最新款笔记本<br>
								  <p class="b2">出售者：疯狂的救赎</p><br>
							<img src="images/online_pic.gif">&nbsp;<img src="images/list_tool_fav1.gif">收藏</li>
							<li class="b1">一口价<br>
							5889.0</li>
						</ul> 
					</div> 
				</li>

				
			</ul>

		</div>
	</body>
</html>